<template>
	<view class="Home-main">
		<block v-for="(item,index) in homeDate" :key="index">
			<HomeItem :item="item"></HomeItem>
		</block>
	</view>
</template>

<script>
	import HomeItem from './HomeItem.vue'
	export default {
		data(){
			return {
				homeDate: [
					{
						className: '实训室',
						classImgLink: 'https://img1.baidu.com/it/u=2701006901,215195107&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667',
					},
					{
						className: 'Java班',
						classImgLink: 'https://img1.baidu.com/it/u=2701006901,215195107&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667',
					},
					{
						className: '前端班',
						classImgLink: 'https://img1.baidu.com/it/u=2701006901,215195107&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667',
					},
					{
						className: 'UI班',
						classImgLink: 'https://img1.baidu.com/it/u=2701006901,215195107&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667',
					},
					{
						className: '全日班',
						classImgLink: 'https://img1.baidu.com/it/u=2701006901,215195107&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667',
					},
					{
						className: '线下班',
						classImgLink: 'https://img1.baidu.com/it/u=2701006901,215195107&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667',
					}
				]
			}
		},
		components: {
			HomeItem
		}
	}
</script>

<style scoped>
	.Home-main {
		width: 676rpx;
		margin: 20rpx 0 0 36rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
</style>